<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
  <head>
    <title>layout-mapper-darkness</title>
    <meta content="ja" name="content-language">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <link rel="stylesheet" type="text/css" href="screen.css" media="screen, projection" />
    <link rel="stylesheet" type="text/css" href="print.css" media="print" />
    <!--[if IE]><link rel="stylesheet" type="text/css" href="ie.css" media="screen, projection" /><![endif]-->
    <style type="text/css">
      body {
        background-color:#4a4a4a;
      }
      h1, h2{ color: white; }
      .nehan-page{
        font-family:IPA明朝, ＭＳ 明朝, Hiragino Mincho Pro, monospace;
        color:white;
      }
      #progress{ color:red; }
    </style>
    <script type="text/javascript" src="nehan2.js"></script>
  </head>
  <body>
    <div class="container">
      <hr class="space" />
      <h1>layout mapper darkness demo</h1>
      <div class="span-24">
	<div class="span-8">
	  <h2>lp-order-0</h2>
	  <pre class="lp-group-demo lp-order-0 lp-vertical span-8 lp-height-310 lp-font-color-ffffff">
<img width="48" height="48" src="akutagawa.jpg" align="top" />日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの<ruby><rb>子孫</rb><rt>しそん</rt></ruby>のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの<ruby><rb>子孫</rb><rt>しそん</rt></ruby>のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの<ruby><rb>子孫</rb><rt>しそん</rt></ruby>のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの<ruby><rb>子孫</rb><rt>しそん</rt></ruby>のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。
<img width="48" height="48" src="akutagawa.jpg" align="top" />日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの<ruby><rb>子孫</rb><rt>しそん</rt></ruby>のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの<ruby><rb>子孫</rb><rt>しそん</rt></ruby>のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの<ruby><rb>子孫</rb><rt>しそん</rt></ruby>のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの<ruby><rb>子孫</rb><rt>しそん</rt></ruby>のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。
<img width="48" height="48" src="akutagawa.jpg" align="top" />日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの<ruby><rb>子孫</rb><rt>しそん</rt></ruby>のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの<ruby><rb>子孫</rb><rt>しそん</rt></ruby>のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの<ruby><rb>子孫</rb><rt>しそん</rt></ruby>のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。日本国民は正当に選挙された国会における代表者を通じて行動し、われらとわれらの<ruby><rb>子孫</rb><rt>しそん</rt></ruby>のために、諸国民との協和による成果と、わが国全土にわたって自由のもたらす<ruby><rb>恵沢</rb><rt>けいたく</rt></ruby>を確保し、ここに<ruby><rb>主権</rb><rt>しゅけん</rt></ruby>が国民に存することを宣言し、この憲法を確定する。
	  </pre>
	</div>

	<div class="span-8">
	  <h2>lp-order-1</h2>
	  <pre class="lp-group-demo lp-order-1 lp-horizontal span-8 lp-height-310 lp-font-color-ffffff"></pre>
	</div>

	<div class="span-8 last">
	  <h2>lp-order-2</h2>
	  <pre class="lp-group-demo lp-order-2 lp-vertical span-8 lp-height-310 lp-font-color-ffffff"></pre>
	</div>

	<div class="span-8">
	  <h2>lp-order-3</h2>
	  <pre class="lp-group-demo lp-order-3 lp-horizontal span-8 lp-height-310 lp-font-color-ffffff"></pre>
	</div>

	<div class="span-8">
	  <h2>lp-order-4</h2>
	  <pre class="lp-group-demo lp-order-4 lp-vertical span-8 lp-height-310 lp-font-color-ffffff"></pre>
	</div>

	<div class="span-8 last">
	  <h2>lp-order-5</h2>
	  <pre class="lp-group-demo lp-order-5 lp-horizontal span-8 lp-height-310 lp-font-color-ffffff lp-end"></pre>
	</div>
  </body>
  <script type="text/javascript">
    Nehan.LayoutMapper.start();
  </script>
</html>
